<template>
  <div class="container1">
    <h1>
      作者：周杰伦
      <a href="javascript:;" @click="followFn">{{
        loading ? "请求中..." : "关注"
      }}</a>
    </h1>
    <hr />
  </div>
</template>
<script>
/* 
  目标：局部混入
*/
import { followMixin } from "./mixins/follow.js";
export default {
  name: "App",
  // 选项式API：如果某个功能很常用，可以考虑通过封装抽离成一个对象，通过 mixins 混入这个功能
  // data() {
  //   return {
  //     loading: false,
  //   }
  // },
  // methods: {
  //   followFn() {
  //     this.loading = true
  //     // 这是测试用的代码
  //     setTimeout(() => {
  //       this.loading = false
  //     }, 1000)
  //   },
  // },
  // 选项式API：局部混入
  mixins: [followMixin],
};
</script>